<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jQuery点击文字验证代码</title>
		<link rel="stylesheet" type="text/css" href="../css/sizev.css"/>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			function isBig(t) {
				var dv=document.getElementById("dvdv")
				var img=document.getElementById("imgImg")
				dv.style.display="block"
				img.src=t.src;
			}
			function isSmall() {
				var dv=document.getElementById("dvdv")
				dv.style.display="none"
			}
		</script>
	</head>
	<body>
		<img src="../img/保温杯.jpg" style="width: 20px;height: 20px" onclick="isBig(this)">
		<img src="../img/bjbs.jpg" style="width: 20px;height: 20px;" onclick="isBig(this)">
		<div style="height: 400px;width: 400px;background-color: black;display: none;position: absolute;top: 150px;left: 450px" id="dvdv" onclick="isSmall()">
			<img id="imgImg" style="height: 400px;width: 400px;">
		</div>
		<div id="box" >
			<div class="bg-blur"></div>
		</div>
		<div id="minbox"></div>
		<div style="text-align:center;">
</div>
	</body>
	<script src="../js/jquery-3.4.1.min.js"></script>
	<script src="../js/main.js" type="text/javascript" charset="utf-8"></script>
</html>
